class Web {
    #root = 'bg_color_switch'
    bg_color = async (ctx) => {
        /* 注意，这里只能使用箭头函数，否则，会出现 this “undefined” 的情况 */

        // const root = `/${this.#root}`  // 需要去掉路径中的第一个“/”
        const root = `${this.#root}`

        // 注意: 如果使用 EJS 模板引擎，index 的路径只能用“相对路径”，不能以“/”开头，
        //   否则，会报 “Malicious Path” 的错误
        await ctx.render(`${root}/index`, {
            bgColorSwitch: `${root}/color-switch.js`,  // 必须安装 koa-views 才能使用
        })
    }

    async bg_image(ctx){
        const root = 'bg_img_switch'
        await ctx.render(`${root}/index`, {
            myStyles: `${root}/styles.css`,
            bgImgSwitch: `${root}/img-switch.js`,
        })
    }
}

/*
class Web {
    constructor(app) {
        app.use(views(`${__dirname}/bg_switch`))
        app.use(serve(`${__dirname}/bg_switch`));
    }

    async index(ctx) {
        await ctx.render('index.html')
    }
}*/

module.exports = {
    Web2: Web,
}
